module.exports = {
  purge: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    colors: {
      black: "#373834",
      white: "#fffef8"
    },
    extend: {
      keyframes: {
        appearl: {
          '0%': { transform: 'translateX(-300%)'},
          '75%': { transform: 'translateX(-50%)'},
          '100%': { transform: 'translateX(0)'}
        },
        appearr: {
          '0%': { transform: 'translateX(300%)'},
          '75%': { transform: 'translateX(50%)'},
          '100%': { transform: 'translateX(0)'}
        }
      },
      animation: {
        'appearl': 'appearl 0.3s linear',
        'appearr': 'appearr 0.3s linear'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}
